<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">

<head th:replace="public/index2 :: CSS(~{::title})">
    <title>光荣传说</title>
</head>

<body>
<!--菜单栏-->
<nav th:insert="~{public/index2 :: index2Head}"></nav>
<!-- 主要内容 -->
<main id="main">
    <section id="breadcrumbs" class="breadcrumbs">
        <div class="container">
            <a href="#" onclick="javascript:history.go(-1);" class="btnReturn">返回上一级</a>
        </div>
    </section>
    <!-- 内容讲解 -->
    <section id="portfolio-details" class="portfolio-details">
        <div class="container">
            <div class="row gy-4">
                <div class="col-lg-8">
                    <div class="portfolio-details-slider swiper-container">
                        <div class="swiper-wrapper align-items-center">
                            <!-- 三个图片 -->
                            <div class="swiper-slide">
                                <img th:src="${hpCon.getHpImg1()}" class="hpimg" alt="">
                            </div>

                            <div class="swiper-slide">
                                <img th:src="${hpCon.getHpImg2()}" class="hpimg" alt="">
                            </div>

                            <div class="swiper-slide">
                                <img th:src="${hpCon.getHpImg3()}" class="hpimg" alt="">
                            </div>

                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="portfolio-info">
                        <h3 th:text="${hpCon.getHpHtitle()}"></h3>
                        <ul>
                            <li><strong>类别: </strong>
                                <text th:text="${hpCon.getCname()}"></text>
                            </li>
                            <li><strong>发布单位: </strong>
                                <text th:text="${hpCon.getHpUnit()}"></text>
                            </li>
                            <li><strong>获得日期: </strong>
                                <text th:text="${hpCon.getHpDate()}"></text>
                            </li>
                            <li><strong>获奖等级: </strong>
                                <text th:text="${hpCon.getHpLevel()}"></text>
                            </li>
                        </ul>
                    </div>
                    <div class="portfolio-description">
                        <h2 th:text="${hpCon.getHpHtitle()}"></h2>
                        <p th:text="${hpCon.getHpCon()}"></p>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>
<!--底层内容-->
<nav th:insert="~{public/index2 :: index2Footer}"></nav>
<!-- 一键回头 -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center">
    <i class="bi bi-arrow-up-short"></i>
</a>
<!-- Js框架文件 -->
<nav th:insert="~{public/index2 :: index2Js}"></nav>
<script src="/assets/myIndex/lib/jquery/jquery.min.js"></script>
<script>
    $(function () {
        console.log("fuck");
        let ConHeight = $('#portfolio-details');
        if (ConHeight.height() < 690) {
            ConHeight.css("height", "691px");
        }
    })
</script>
</body>

</html>